<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

</head>
<body>
  <div class="post1-container">
   
    <% form_tag url_for(:controller => "post",  :action => "page2" , :advertisment_id => @advertisment) do  %>
    <div class="post-left-column">
    	<div class="post-steps-header">
          <%=  image_tag "post-step-1.jpg",:width=>"665px",:height=>"137px",:border=>"0px"%>
        
        </div>
        <div class="post-inner">
        	<div class="step-1-text">
            STEP 1. Select or enter what you are looking for in the form below
            </div>
            <div class="new-or-existing">
                <input type="radio" name="new-existing" value="new" checked="checked"/> New User
                <input type="radio" name="new-existing" value="existing"/> Existing User
            </div>
            <div class="post-user-type">
              I am a   <%=select_tag "user_type", options_for_select(UserType.find(:all).collect{|x| [x.name, x.stripped_name]}), :class => "search" %>
            </div>
            <div class="post-user-college">
              of       <%=select_tag "university", options_for_select(University.find(:all).collect{|x| [x.name, x.stripped_name]}), :class => "search" %>
            </div>
            <div class="i-want-to">
               

              <%=select_tag "people", "<option>I want job, books, PG...</option>",:onclick=>"document.getElementById('category_block').style.display='block';this.style.display='none'" -%>
              <div id="category_block" style="background-color:#ffffff;display:none;">
                <% @all_categories.each do |category| %>
                  <div style="float:left;width:150px;height:200px;font-weight:normal">
                    <h3 style="font-weight:bold;"><%=image_tag category.stripped_name+'_icon.jpg' -%><%= category.name %></h3>
                    
                    <%category.sub_categories.each do |sub_category|%>
                        <%=radio_button("sub_category", "sub_cat_name", sub_category.stripped_name) -%><%= sub_category.name -%>
                       
                        <br />
                    <%end%>
                  </div>
		  <%end%>
            </div>
            <div style ="clear:both">
              <hr size="1" color="#cccccc">
              <div class="post-user-name">
                  My name is* <%= text_field 'user', 'name' %>

                  <div class="post-user-name-max">
                      max. 25 characters
                  </div>
              </div>
              <div class="post-user-mobile">
                Mobile*
                <%= text_field 'user', 'mobile_no'%>
                <div class="post-user-mobile-eg">
                  max. 25 characters
                </div>
              </div>
              <div class="post-user-email">
                E-mail ID*&nbsp;&nbsp;&nbsp;
                <%= text_field 'user', 'email' %>
                <div class="post-user-email-max">
                  max. 40 characters
                </div>
              </div>
              <%#*<div class="post-user-college-email">%>
            	<%#*University E-mail ID*%>
            	<%#= text_field 'user', 'university_email' %>
                <%#*<div class="post-user-college-eg">%>
                	<%#*For example : &lt;yourname&gt;@du.ac.in%>
                <%#*</div>%>
              <%#*</div>%>
              <div class="proceed-button">
                <%= image_submit_tag("proceed.jpg") -%>
              </div>
            </div>
            <div class="verification-message">
              <%=image_tag "verification-message.jpg", :border=>"0", :width=>"214px", :height=>"46px"%>
            	
            </div>

        </div>
        </div></div>
        <div class="post-right-column">
          <div class="post-tips">
            
            <%=image_tag "post-tips.jpg", :border=>"0"%>
          </div>
        </div>
    <%end -%>
  </div>
</body>
</html>
